<link href="/explorer/explorer.css" rel="stylesheet" type="text/css" />
<script src="/explorer/explorer.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		ko.applyBindings(new ExplorerViewModel(), $('#__explorer__')[0]);
	});
</script>
<div id="__explorer__">
	<h3>
		Index of <span data-bind="text:selectedPath"></span>
	</h3>
	<div>
		<a href="javascript:void(0);" data-bind="click:listFiles">Parent Directory</a>
	</div>
	<div class="list">
		<div>
			<div>Name</div>
			<div>Last modified</div>
			<div>Size</div>
		</div>
		<!-- ko foreach: files -->
		<div>
			<div>
				<img alt="" data-bind="file:$data" />
				<a href="javascript:void(0);" data-bind="text:name,click:$root.listFiles"></a>
			</div>
			<div data-bind="text:modifiedtime||'-'"></div>
			<div data-bind="text:formatFileSize($data)"></div>
		</div>
		<!-- /ko -->
	</div>
</div>
